<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <div th:fragment="head">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Place favicon.ico in the root directory -->
        <link href="assets/images/favicon.ico" type="img/x-icon" rel="shortcut icon">
        <!-- All css files are included here. -->
        <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
        <link rel="stylesheet" th:href="@{/assets/css/qanto.css}">
        <link rel="stylesheet" th:href="@{/assets/css/bauhaus93.css}">
        <link rel="stylesheet" th:href="@{/assets/css/font-awesome.min.css}">
        <link rel="stylesheet" th:href="@{/assets/css/icofont.min.css}">
        <link rel="stylesheet" th:href="@{/assets/css/plugins.css}">
        <link rel="stylesheet" th:href="@{/assets/css/helper.css}">
        <link rel="stylesheet" th:href="@{/assets/css/style.css}">
        <link rel="stylesheet" type="text/css" th:href="@{/assets/scss/normalize.css}">
        <link rel="stylesheet" type="text/css" th:href="@{/assets/scss/demo.css}">
        <link rel="stylesheet" type="text/css" th:href="@{/assets/scss/component.css}">
        <!-- Modernizr JS -->
        <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
        <script src="assets/css/bootstrap-theme.css"></script>
        <script type="text/javascript" src="assets/js/vendor/jquery-1.7.2.js"></script>


    </div>
</head>
<body>
<div th:fragment="header">
    <header class="header header-static bg-black header-sticky">
        <div class="default-header menu-right">
            <div class="container container-1520">
                <div class="row">

                    <!--Logo start-->
                    <div class="col-12 col-md-3 col-lg-3 order-md-1 order-lg-1 mt-20 mb-20">
                        <div class="logo">
                            <a href="index1.html"><img src="assets/images/logo.png" alt=""></a>
                        </div>
                    </div>
                    <!--Logo end-->

                    <!--Menu start-->
                    <div class="col-lg-6 col-12 order-md-3 order-lg-2 d-flex justify-content-center">
                        <nav class="main-menu menu-style-2">
                            <ul>
                                <li><a href="index1.html" th:href="@{/index1}">首页</a>
                                    <ul class="sub-menu">
                                        <li><a href="index1.html" th:href="@{/index1}">超</a></li>
                                        <li><a href="index-2.html" th:href="@{/index2}">级</a></li>
                                        <li><a href="index-3.html" th:href="@{/index3}">赛</a></li>
                                        <li><a href="index-4.html" th:href="@{/index4}">亚</a></li>
                                        <li><a href="index-5.html" th:href="@{/index5}">人</a></li>
                                        <li><a href="index-landing.html" th:href="@{/index-landing}">Home Landing</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="games.html" th:href="@{/games}">游戏</a>
                                    <ul class="sub-menu">
                                        <li><a href="games.html" th:href="@{/games}">游戏大全</a></li>
                                        <li><a href="games-details.html"th:href="@{/gamesdetails}">游戏详情</a></li>
                                    </ul>
                                </li>
                                <li><a href="forum.html">论坛</a>
                                    <ul class="sub-menu">
                                        <li><a href="forum.html">Forums</a></li>
                                        <li><a href="forum-create.html">Forums Create</a></li>
                                        <li><a href="forum-post.html">Forums Post</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="blog.html">Blog</a></li>
                                        <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                        <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                        <li><a href="blog-list.html">Blog List</a></li>
                                        <li><a href="blog-list-left-sidebar.html">Blog List Left Sidebar</a></li>
                                        <li><a href="single-blog.html">Single Blog</a></li>
                                        <li><a href="single-blog-left.html">Single Blog Left Sidebar</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="checkout.html">Checkout</a></li>
                                        <li><a href="index.html" th:href="@{/}">Login</a></li>
                                        <li><a href="register.html" th:href="@{/register}">REGISTER</a></li>
                                    </ul>
                                </li>
                                <li th:if="${session.user!=null}"><a href="video.html">我的</a>
                                <ul class="sub-menu">
                                    <li><a th:href="@{/cart}">购物车</a></li>
                                    <li><a th:href="@{/myorders}">我的订单</a></li>
                                    <li><a th:href="@{/admin}">后台管理</a></li>
                                </ul></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </nav>
                    </div>
                    <!--Menu end-->
                    <!--Header Right Wrap-->
                    <div class="col-12 col-md-9 order-md-2 order-lg-3 col-lg-3">
                        <div class="header-right-wrap">
                            <ul>
                                <li th:if="${session.user==null}"><a href="index.html" th:href="@{/}">登录</a></li>
                                <li th:if="${session.user==null}"><a href="register.html" th:href="@{/register}">注册</a></li>
                                <li th:if="${session.user!=null}">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <img src="assets/images/game/wjs.jpg" width="60" height="60" class="rounded-circle">
                                        <span class="caret" th:text="${session.user.nickname}">汪劲松</span>
                                    </a>
                                    <ul class="dropdown-menu" style="min-width: unset">
                                        <center><a class="dropdown-item" style="padding: 4px 10px 4px 10px;" th:href="@{/myorders}">我的订单</a></center>
                                        <center><a class="dropdown-item" style="padding: 4px 10px 4px 10px;" th:href="@{/logout}">退出登录</a></center>
                                        <center><a class="dropdown-item" style="padding: 4px 10px 4px 10px;" th:href="@{/cart}">我的购物车</a></center>
                                        <center><a class="dropdown-item" style="padding: 4px 10px 4px 10px;" th:text="'余额￥'+${session.user.account}"></a></center>
                                    </ul>
                                </li>
                                <li th:if="${session.user!=null}"><a th:href="@{/logout}"><i class="fa fa-sign-out"></i> 退出登录</a></li>
                                <li class="header-search"><a class="header-search-toggle" href="#"><i
                                        class="icofont-search-2"></i></a>
                                    <div class="header-search-form">
                                        <form action="#">
                                            <input type="text" placeholder="Type and hit enter">
                                            <button><i class="icofont-search"></i></button>
                                        </form>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--Header Right Wrap-->

                </div>

                <!--Mobile Menu start-->
                <div class="row">
                    <div class="col-12 d-flex d-lg-none">
                        <div class="mobile-menu"></div>
                    </div>
                </div>
                <!--Mobile Menu end-->

            </div>
        </div>
    </header>
</div>

<footer th:fragment="footer" class="footer-section style-2 section bg-theme"
        style="background-image: url(assets/images/bg/footer-bg.jpg)">

    <!--Footer Top start-->
    <div class="footer-top section pt-175 pt-lg-150 pt-md-125 pt-sm-110 pt-xs-40 pb-80 pb-lg-70 pb-md-60 pb-sm-15 pb-xs-40">
        <div class="container container-1520">
            <div class="row justify-content-lg-between">

                <!--Footer Widget start-->
                <div class="col-xl-3 col-lg-2 col-md-3">
                    <div class="footer-widget">
                        <div class="footer-logo">
                            <a href="index1.html"><img src="assets/images/logo.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <!--Footer Widget end-->

                <!--Footer Widget start-->
                <div class="col-xl-6 col-lg-6 col-md-9">
                    <div class="footer-widget">
                        <div class="footer-nav">
                            <nav>
                                <ul>
                                    <li><a href="#">forums</a></li>
                                    <li><a href="#">demo</a></li>
                                    <li><a href="#">support</a></li>
                                    <li><a href="#">terms & conditions</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <!--Footer Widget end-->

                <!--Footer Widget start-->
                <div class="col-xl-3 col-lg-4 col-md-12">
                    <div class="footer-widget">
                        <div class="footer-social">
                            <span>follow us:</span>
                            <ul>
                                <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont-instagram"></i></a></li>
                                <li><a href="#"><i class="icofont-youtube-play"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--Footer Widget end-->

            </div>
        </div>
    </div>
    <!--Footer Top end-->

    <!--Footer bottom start-->
    <div class="footer-bottom border-color section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="copyright text-center">
                        <p>Copyright &copy;2022 <a href="http://www.genban.org">Gilbard</a>. All rights reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Footer bottom end-->

</footer>


<div th:fragment="laster">
    <script th:src="@{/assets/js/vendor/jquery-1.12.4.min.js}"></script>
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/plugins.js}"></script>
    <script th:src="@{/assets/js/main.js}"></script>
    <script th:src="@{/assets/css/sweetalert.min.js}"></script>
</div>


</body>
</html>